.xa-a{width: 100%;position: relative;}
.xa-cont{width: 100%;position: relative;}
.xa-img{width: 100%;}
.xa-img img{width: 100%;}
.xa-text{position: absolute;top: calc(50% + .5rem);left: 50%;transform: translate(-50%,-50%); width: 16rem;}
.xa-titles{letter-spacing: .04rem;line-height: 1.28;font-weight: bold; color: #ffffff;margin-bottom: .1rem;}
.xa-intro{color: #ffffff;line-height: 1.41;font-style: italic;}

.xa-a .dynamic_container{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);}
.xa-a .cw_left .s18{color: #fff;}
.xa-a  .crumbs_wrap{border-bottom: none;}
.xa-a  .cw_left .s18.active{font-weight: bold;color: #fff;}
.xa-a  .cw_right a span{ color: #fff;}
.xa-a  .cw_right a{ color: #fff;}
@media (max-width: 900px) {
  .xa-text{width: 94%;}
  .xa-img img{min-height: 280px;object-fit: cover;} 
}
@media (max-width: 750px) {
  .xa-a    .dynamic_container{  display: none;}
  /* .xa-a  .cw_right a{ display: inline-block;vertical-align: middle;} */
}


.xb-a{width: 100%;padding-top: .6rem;padding-bottom: 1rem;}
.xb-b{width: 16rem;margin: 0 auto;}
.xb-navbox{width: 100%;text-align: center;font-size: 0;padding-bottom: .3rem;}
.xb-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .1rem .3rem; color: #26bdce;min-width: 2rem;padding: 0 .15rem;	line-height: .6rem ;	background-color: #f7fafc;border-radius: .3rem;}
.xb-nav:hover{background-color: #26bdce;color: #ffffff;}
.xb-nav.active{background-color: #26bdce;color: #ffffff;}
.xb-cont{width: 100%;font-size: 0;padding-bottom: .2rem;}
.xb-item{display: inline-block;vertical-align: top;padding: .3rem .15rem; margin-right: .52rem;text-align: center; cursor: pointer;width: 3.6rem;background-color: #f7fafc;margin-bottom: .6rem;}
.xb-item:nth-child(4n){margin-right: 0;}
.xb-img{width: 100%;height: 2.6rem;line-height: 2.6rem;margin-bottom: .1rem; }
.xb-img img{max-width: 100%;max-height: 100%;transform: scale(1.00);transition: all ease .5s;}
.xb-text{width: 100%;}
.xb-name{color: #222222;line-height: 1.33;margin-bottom: .05rem; font-weight: bold;display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xb-intro{color: #666666;line-height: 1.625;display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xb-item:hover{	background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(0, 44, 49, 0.1);}
.xb-item:hover .xb-img img{	transform: scale(1.05); }
.xb-item:hover .xb-name{color: #26bdce;}
.xb-item:hover .xb-intro{color: #26bdce;}

.xb-a .page_wrap{margin: 0 ;}
@media (max-width: 900px) {
  .xb-b{width: 94%;max-width: 500px;} 
  .xb-item{width: calc(50% - 5px);margin-right: 10px;}
  .xb-item:nth-child(2n){margin-right: 0;}
}


.xc-a{width: 100%;padding-top: 1.53rem;padding-bottom: .94rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xc-b{width: 16rem;margin: 0 auto;}
.xc-cont{width: 100%;font-size: 0;}
.xc-left{display: inline-block;vertical-align: middle;width: calc(100% - 8.55rem);padding-right: .65rem;}
.xc-titles{color: #ffffff;font-weight: bold;line-height: 1.33;margin-bottom: .35rem;}
.xc-intro{color: #ffffff;line-height: 2;}
.xc-right{display: inline-block;vertical-align: middle;width: 8.55rem;}
.xc-img{width: 100%;}
.xc-img img{width: 100%;}

@media (max-width: 900px) {
  .xc-b{width: 94%;max-width: 500px;} 
  .xc-left{width: 100%;margin-bottom: .5rem;}
  .xc-right{width: 100%;}
}

.xd-a{width: 100%;padding-top: 1.22rem;padding-bottom: 0.8rem;overflow: hidden;}
.xd-b{width: 16rem;margin: 0 auto;}
.xd-cont{width: 100%;font-size: 0;}
.xd-left{display: inline-block;vertical-align: top;width: 8rem;}
.xd-big{display: block;width: 100%;position: relative;  padding: 0 1rem;}
.xd-c{width: 100%;}
/* .xd-item{width: 100%;} */
/* .xd-img{width: 100%;height: 4.5rem;line-height: 4.5rem;text-align: center;}
.xd-img img{max-width: 100%;max-height: 100%;display: inline-block;} */
.xd-c:hover{overflow: visible;}
.xd-c:hover .swiper-slide{visibility: hidden !important;}
.xd-c:hover .swiper-slide.swiper-slide-active{visibility: visible !important;} 
.xd-c:hover .swiper-slide .MagicZoomPlusHint{visibility: hidden !important;}
.MagicZoomPlusHint{visibility: hidden !important;} 
.xd-c:hover .swiper-slide.swiper-slide-active .MagicZoomPlusHint{visibility: visible !important;}
.xd-c img{max-width: none;}
.xd-item{width:100%;z-index: 88;  cursor: pointer; }
.xd-item .xd-img{display: inline-block;width: 100%; height: 4.5rem ;line-height: 4.5rem; } 
.xd-item .xd-img img{width: 100% ;height: 100%; position: absolute;left: 0;top: 0;}
.xd-item.swiper-slide-active{pointer-events: auto;}


.xd-prev{ left: 0;margin-top: -.3rem;width: .5rem;height: .6rem;background-image: url('../images/b7.png');background-size: .5rem auto;}
.xd-prev:hover{background-image: url('../images/b9.png');}
.xd-next{right: 0;margin-top: -.3rem;width: .5rem;height: .6rem;background-image: url('../images/b8.png');background-size: .5rem auto;}
.xd-next:hover{background-image: url('../images/b10.png');}

.xd-small{width: 100%;padding: 0 .65rem;}
.xd-d{width: 100%;}
.xd-nav{display: inline-block;width: 20%;padding: 0 .05rem;cursor: pointer;}
.xd-e{width: 100%;height: .9rem;line-height: .8rem;text-align: center; border: solid .05rem #fff;}
.xd-e img{max-width: 100%;max-height: 95%;}
.xd-nav.active .xd-e{border: solid .05rem #26bdce;}

.xd-right{display: inline-block;vertical-align: top;width: calc(100% - 8rem);padding-left: 1rem;padding-top: .7rem;}
.xd-top{width: 100%;border-bottom: 1px solid #eeeeee;padding-bottom: .35rem;margin-bottom: .35rem;}
.xd-titles{color: #222222;font-weight: bold;margin-bottom: .1rem;line-height: 1.2;}
.xd-intro{color: #666666;line-height: 1.625;}
.xd-tip{color: #26bdce;line-height: 1.4;font-weight: bold; margin-bottom: .1rem;}
.xd-textbox{color: #666666;line-height: 1.875;min-height: 1.7rem;padding-bottom: .3rem;}
.xd-textbox *{line-height: inherit;}
.xd-buttom{width: 100%;font-size: 0;}
.xd-buttom1{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .1rem; min-width: 2rem;padding: 0 .15rem;color: #26bdce;line-height: .6rem;text-align: center;border-radius: .3rem;border: solid 1px #26bdce;}
.xd-buttom1:hover{background-color: #26bdce;color: #ffffff;}
.xd-buttom2{display: inline-block;vertical-align: middle;cursor: pointer; min-width: 2rem;padding: 0 .15rem;color: #26bdce;line-height: .6rem;text-align: center;border-radius: .3rem;border: solid 1px #26bdce;}
.xd-buttom2:hover{background-color: #26bdce;color: #ffffff;}

@media (max-width: 900px) {
  .xd-a{padding-top: .6rem;padding-bottom: .6rem;}
  .xd-b{width: 94%;max-width: 500px;}
  .xd-left{width: 100%;} 
  .xd-right{width: 100%;padding-left: 0;} 

  .MagicZoomPup{display: none !important;}
}

.xe-a{display: none; position: fixed;top:0;left: 0;z-index: 288; width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.xe-a.show{display: block;}
.xe-b{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 16rem;}
.xe-close{position: absolute;top: .25rem;right: .25rem;display: block;cursor: pointer; width: .3rem;height: .3rem;background-image: url('../images/1.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.xe-cont{width: 100%;padding: .6rem .8rem 1.08rem;max-height: 90vh;overflow: auto; background-color: #ffffff;}
.xe-titles{width: 100%;color: #222222;text-align: center;font-weight: bold;margin-bottom: .6rem;}
.xe-c{width: 100%;font-size: 0;}
.xe-lt{display: inline-block;vertical-align: middle;width: 6.3rem;}
.xe-lt img{width: 100%;}
.xe-rt{display: inline-block;vertical-align: middle;width: calc(100% - 6.3rem);padding-left: 1.4rem;}
.xe-list{width: 100%;display: flex;flex-wrap: wrap;border-top: 1px solid #eeeeee;}
.xe-item{width: 50%;padding: .3rem .15rem .3rem 0 ; border-bottom: 1px solid #eeeeee;}
.xe-tip{color: #666666;margin-bottom: .1rem;line-height: 1.625;}
.xe-d{color: #333333;margin-bottom: .1rem; line-height: 1.41;word-break: break-all;}

@media (max-width: 900px) { 
  .xe-b{width: 94%;max-width: 500px;}
  .xe-cont{padding: .6rem .6rem;}
  .xe-lt{width: 100%;margin-bottom: .5rem;}
  .xe-rt{width: 100%;padding-left: 0;}
}


.xf-a{width: 100%;}
.xf-cont{display: block;position: relative;cursor: pointer; width: 100%;}
.xf-bg{width: 100%;display: none; height: 8.4rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xf-top{position: absolute;top: 1.3rem;left: 0;z-index: 8; width: 100%;text-align: center;}
.xf-titles{position: relative;z-index: 18; color: #ffffff;font-weight: bold;}
.xf-en{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-style: italic;font-weight: bold;  color: rgba(255, 255, 255, .15); }
.xf-play{position: absolute;top: 50%;left: 50%;z-index: 8; transform: translate(-50%,-50%);width: 1rem;}
.xf-play img{width: 100%;}

.xf-video{ width: 100%; } 
@media (max-width: 900px) { 
  .xf-bg{display: block; height: auto;padding-top: 43.75%;min-height: 220px;}
  .xf-top{top: 1rem;} 
  .xf-video{display: none;}
}

/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 288; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;}
.xv-a.show .xv-e {visibility: visible;}
.xv-a.show .xv-f {display: block;}
.xv-b {position: absolute;left: 50%;top: 50%;margin-left: -550px;margin-top: -300px;width: 1000px;height: 600px;}
.xv-c {display: block;width: 40px;height: 40px;background-color: #26bdce;position: absolute;right: 0; top: 0;cursor: pointer;z-index: 10000;}
.xv-d {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.xv-e {visibility: hidden;width: 100%; height: 100%;}
.xv-f {display: none;width: 100%;height: 100%;}
@media(max-width:1200px) {
    .xv-b {width: 90vw;height: auto;margin-top: 0;margin-left: 0;transform: translate(-50%, -50%);}
    .xv-f {max-height: 90vh;}
    .xv-e {height: 60vh;}
}

.xg-a{width: 100%;padding-top: .88rem;padding-bottom: 1.15rem;}
.xg-b{width: 16rem;margin: 0 auto;}
.xg-cont{width: 100%;}
.xg-top{width: 100%;position: relative;text-align: center;margin-bottom: .85rem;}
.xg-titles{position: relative;z-index: 18; color: #222222;line-height: 1.23; font-weight: bold;margin-bottom: .1rem;}
.xg-intro{position: relative;z-index: 18;color: #999999;line-height: 1.33;}
.xg-intro span{color: #26bdce;}
.xg-en{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-style: italic;font-weight: bold;  color: #fff; text-shadow: #d9d9d9 1px 0 0, #d9d9d9 0 1px 0, #d9d9d9 -1px 0 0, #d9d9d9 0 -1px 0;}
.xg-textbox{color: #666666;line-height: 1.875; }
.xg-textbox *{line-height: inherit;}

@media (max-width: 900px) { 
  .xg-b{width: 94%;max-width: 500px;} 
}

.xh-a{width: 100%;padding-top: .85rem;padding-bottom:   .9rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xh-b{width: 16rem;margin: 0 auto;}
.xh-top{width: 100%;text-align: center;margin-bottom: .6rem;}
.xh-titles{ color: #fff;line-height: 1.23; font-weight: bold;margin-bottom: .1rem;}
.xh-intro{color: #fff;line-height: 1.33;}
.xh-intro span{font-weight: bold;}

.xh-cont{width: 100%;border-top: 1px solid rgba(255,255,255,.5);padding-top: .25rem;}
.xh-one{width: 100%;border-bottom: 1px solid rgba(255,255,255,.5);padding-bottom: .6rem;margin-bottom: .25rem;}
.xh-one:last-child{border-bottom: none;padding-bottom: 0;}
.xh-c{width: 100%;position: relative;padding-right: 1rem;}
.xh-tip{color: #ffffff;line-height: 1.41;margin-bottom: .25rem;}
.xh-prev{position: absolute;top: 0;left: auto;right: .45rem; margin-top: 0;width: .2rem;height: 100%;background-image: url('../images/b5.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.xh-next{position: absolute;top: 0; right: 0; margin-top: 0;width: .2rem;height: 100%;background-image: url('../images/b6.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.xh-d{width: 100%;}
.xh-item{width: 2.48rem;margin-right: .22rem;}
.xh-item:last-child{margin-right: 0;}
.xh-e{display: block; width: 100%;position: relative;}
.xh-img{width: 100%;}
.xh-img img{width: 100%;}
.xh-name{display: none; position: absolute;bottom: 0;left: 0;text-align: center; line-height: .4rem;color: #ffffff; width: 100%;background-color: rgba(38,189,206,.5); overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xh-item:hover .xh-name{display: block;}

.xh-one.cont1 .xh-img{height: 1.86rem;line-height: 1.86rem;text-align: center;background-color: #fff;}
.xh-one.cont1 .xh-img img{width: auto;max-width: 80%;max-height: 80%;}

@media (max-width: 900px) { 
  .xh-b{width: 94%;max-width: 500px;} 
  .xh-item{width: calc(33.33% - .2rem);margin-right: .3rem;}
}

.xi-a{width: 100%;padding-top: .88rem;padding-bottom: 1rem;}
.xi-b{width: 16rem;margin: 0 auto;}
.xi-top{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: .55rem;}
.xi-titles{flex: 1;color: #222222;font-weight: bold;line-height: 1.23;}
.xi-more{display: block;cursor: pointer; color: #26bdce;line-height: 1.5;}
.xi-more:after{content: ''; display: inline-block;vertical-align: middle;margin-left: .2rem;  width: .2rem;height: .2rem; background-image: url('../images/i15.png');background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.xi-cont{width: 100%;position: relative;}
.xi-c{width: 100%;}
.xi-item{width: 2.48rem;margin-right: .22rem;cursor: pointer;}
.xi-item:last-child{margin-right: 0;}
.xi-d{display: block; width: 100%;}
.xi-img{width: 100%;height: 1.86rem;line-height: 1.86rem;text-align: center;margin-bottom: .15rem;}
.xi-img img{display: inline-block;max-width: 100%;max-height: 100%;}
.xi-name{text-align: center; color: #333333;line-height: 1.41;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xi-item:hover .xi-name{color: #26bdce;}

.xi-prev{left: -.9rem;margin-top: -.3rem;width: .5rem;height: .6rem;background-image: url('../images/b7.png');background-size: .5rem auto;}
.xi-prev:hover{background-image: url('../images/b9.png');}
.xi-next{right: -.9rem;margin-top: -.3rem;width: .5rem;height: .6rem;background-image: url('../images/b8.png');background-size: .5rem auto;}
.xi-next:hover{background-image: url('../images/b10.png');}

@media (max-width: 900px) { 
  .xi-b{width: 94%;max-width: 500px;} 
  .xi-cont{padding: 0 .6rem;}
  .xi-item{width: calc(50% - 5px);margin-right: 10px;}
  .xi-prev{left: 0;}
  .xi-next{right: 0;}
}

.xj-a{width: 100%;background-color: #fff;position: relative;}
.xj-b{width: 100%;border-radius: 0 0 1.4rem 0;}
.xj-item{width: 100%;}
.xj-c{width: 100%;display: block;}
.xj-bg{width: 100%;height: 9.4rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xj-text{opacity: 0;transition: all ease 1s; position: absolute;top: 32.97%;left: 60%;width: 16rem;transform: translate(-50%,0);}
.xj-titles{color: #ffffff;line-height: 1.2;margin-bottom: .25rem;}
.xj-intro{margin-bottom: .8rem; font-weight: bold;	letter-spacing: .07rem;color: #ffffff;}
.xj-join{display: inline-block;vertical-align: middle;cursor: pointer;	min-width: 2rem;line-height: .6rem;padding: 0 .2rem;text-align: center;background-color: #26bdce;border-radius: 30px; color: #ffffff;}
.xj-join:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem; width: .2rem;height: .2rem;background-image: url('../images/b6.png'); background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.xj-item.swiper-slide-active .xj-text{opacity: 1;left: 50%;}

.xj-button{position: absolute;left: 50%;bottom: .85rem;z-index: 288; width: 16rem;transform: translate(-50%,0)}
.xj-d{display: inline-block;vertical-align: middle;margin-right: .4rem;}
.xj-nub{color: #ffffff;margin-right: .05rem;}
.xj-link{ color: #ffffff;}
.xj-sum{ color: #ffffff;}


.xj-pagination{position: static; display: inline-block;vertical-align: middle;}
.xj-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin-left: .2rem; opacity: 1;	width: .15rem;height: .15rem;background-color: transparent;border: solid 1px rgba(255,255,255,.2); }
.xj-pagination .swiper-pagination-bullet-active{background-color: #26bdce;;border: 1px solid #26bdce; }


@media (max-width: 900px) {  
  .xj-bg{height: auto;padding-top: 55.95%; }
  .xj-text{width: 94%;  } 
  .xj-intro{margin-bottom: .3rem;}
  .xj-button{width: 94%;bottom: .15rem; } 

  .xj-titles{font-size: 18px;}
  .xj-intro{font-size: 20px;}
}

.xk-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;position: relative;}
.xk-a:after{content: '';position: absolute;bottom: -1.4rem;left: 0;width: 100%;height: 9.47rem;background-image: url('../images/3.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xk-b{width: 16rem;margin: 0 auto;position: relative;z-index: 18;}
.xk-top{position: absolute;top: 0;left: 0;width: 50%;padding-top: 1.1rem;}
.xk-titles{position: relative;z-index: 18; color: #222222;font-weight: bold;margin-bottom: .1rem;line-height: 1.23;padding-left: .9rem;}
.xk-intro{position: relative;z-index: 18;color: #999999;line-height: 1.33;padding-left: .25rem;	font-style: italic;} 
.xk-intro span{color: #26bdce;}
.xk-en{position: absolute;top: 0.18rem;left: -.15rem; font-size: 3rem;font-style: italic;font-weight: bold;color: #fff; text-shadow: #d9d9d9 1px 0 0, #d9d9d9 0 1px 0, #d9d9d9 -1px 0 0, #d9d9d9 0 -1px 0;}

.xk-cont{width: 100%;font-size: 0;}
.xk-left{display: inline-block;vertical-align: top;width: 50%;padding-top: 3rem;}
.xk-item{display: flex;align-content: center;flex-wrap: wrap; cursor: pointer; width: 100%;position: relative;min-height: 6rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xk-text{width: 100%;text-align: center;margin-bottom: .35rem;}
.xk-name{color: #222222;line-height: 1.33;margin-bottom: .1rem;font-weight: bold;}
.xk-c{color: #666666;line-height: 1.41;}
.xk-img{width: 100%;height: 4.2rem;text-align: center;line-height: 4.2rem;}
.xk-img img{max-width: 100%;max-height: 100%;transform: scale(1.00);transition: all ease .5s;}

.xk-item:hover .xk-name{color: #26bdce;}
.xk-item:hover .xk-img img{transform: scale(1.05);}

.xk-right{display: inline-block;vertical-align: top;width: 50%;}
.xk-more{display: none !important; position: absolute; left: 0;bottom: 1.25rem;display: block;cursor: pointer; width: .46rem;height: .5rem;background-image: url('../images/2.png');background-size: .46rem auto;background-position: center center;background-repeat: no-repeat;}


@media (max-width: 900px) { 
  .xk-a{padding-top: .6rem;padding-bottom: .6rem;}
  .xk-b{width: 94%;max-width: 500px;} 
  .xk-top{position: relative;width: 100%;}
  .xk-left{width: 100%;padding-top: .5rem;}
  .xk-right{width: 100%; }
  .xk-more{position: absolute;top: .8rem;right: 0;bottom: auto;left: auto;}
}

.xl-a{width: 100%;padding-top: .8rem ;padding-bottom: 2.88rem; position: relative;z-index: 18;border-radius: 1.4rem 0 0 0;background-image: url('../images/bg18.png'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xl-b{width: 16rem;margin: 0 auto;}
.xl-top{width: 100%;position: relative;padding-top: .93rem;margin-bottom: .83rem;}
.xl-titles{position: relative;z-index: 18; color: #ffffff;font-weight: bold;margin-bottom: .1rem;line-height: 1.23;padding-left: .9rem;}
.xl-intro{position: relative;z-index: 18;color: #ffffff;line-height: 1.33;padding-left: .25rem;	font-style: italic;} 
.xl-intro span{font-weight: bold;}
.xl-en{position: absolute;top: 0;left: -.27rem; font-size: 3rem;font-style: italic;font-weight: bold;color: #1faec0; text-shadow: rgba(255,255,255,.5) 1px 0 0, rgba(255,255,255,.5) 0 1px 0, rgba(255,255,255,.5) -1px 0 0, rgba(255,255,255,.5) 0 -1px 0;}
.xl-cont{width: 100%; }
.xl-c{width: 100%;}
.xl-one{display: inline-block;vertical-align: top;margin-right: .1rem;width: auto; position: relative;}
.xl-one:last-child{margin-right: 0;}
.xl-item{display: block;width: 4rem; transition: all ease .5s; cursor: pointer;}
.xl-bg{width: 100%;height: 5.85rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xl-text{position: absolute;top: 50%;right: 0;transform: translate(0,-50%); width: 100%;text-align: center;}
.xl-icon{width: 100%;height: .8rem;}
.xl-icon img{max-height: 100%;}
.xl-d{width: 100%;text-align: center;padding: .25rem   .3rem 0;}
.xl-name{letter-spacing: .06rem;color: #ffffff;display: block; }
.xl-e{display: none; margin-top: .1rem;line-height: 1.625;color: rgba(255,225,255,.6); overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xl-one.active .xl-item{width: 7.8rem;} 
.xl-one.active .xl-text{width: 64.1%;padding: .48rem 1.68rem .48rem .3rem;overflow: hidden; bottom: 0;top: auto;transform: translate(0,0); background-color: rgba(31,174,192,.96);}
.xl-one.active .xl-d{width: 100%;text-align: left;}
.xl-one.active .xl-icon{position: absolute;bottom: -.2rem; right: 0;width: 1.45rem;height: auto;opacity: .15;}
.xl-one.active .xl-icon img{width: 100%;height: auto;}
.xl-one.active .xl-d{padding: 0;}
.xl-one.active .xl-e{display: block;}
 
 

@media (max-width: 900px) {  
  .xl-a{padding-bottom: .8rem;}
  .xl-b{width: 94%;max-width: 500px;} 
  .xl-one{width: 100%; margin-right: 0;}
  .xl-item{width: 100%;}
  .xl-one.swiper-slide-active .xl-item{width: 100%;} 
  .xl-one.swiper-slide-active .xl-text{width: 64.1%;padding: .48rem 1.68rem .48rem .3rem;overflow: hidden; bottom: 0;top: auto;transform: translate(0,0); background-color: rgba(31,174,192,.96);}
  .xl-one.swiper-slide-active .xl-d{width: 100%;text-align: left;}
  .xl-one.swiper-slide-active .xl-icon{position: absolute;bottom: -.2rem; right: 0;width: 1.45rem;height: auto;opacity: .15;}
  .xl-one.swiper-slide-active .xl-icon img{width: 100%;height: auto;}
  .xl-one.swiper-slide-active .xl-d{padding: 0;}
  .xl-one.swiper-slide-active .xl-e{display: block;}

}

.xm-a{width: 100%;padding-top: 1px; padding-right: 1.4rem;position: relative;z-index: 18; background-color: #fafafa;}
.xm-b{width: 100%; }
.xm-cont{width: 100%;margin-top: -1.4rem;font-size: 0;padding-left: 1.4rem;background-color: #fff; }
.xm-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xm-left{float: left;padding-top: .8rem;width: 7rem; }
.xm-top{width: 100%;position: relative;padding-top: .95rem;margin-bottom: .8rem;}
.xm-titles{position: relative;z-index: 18; color: #222222;font-weight: bold;margin-bottom: .1rem;line-height: 1.23;padding-left: .9rem;}
.xm-intro{position: relative;z-index: 18;color: #999999;line-height: 1.33;padding-left: .25rem;	font-style: italic;} 
.xm-intro span{color: #26bdce;}
.xm-en{position: absolute;top: 0;left: -.27rem; font-size: 3rem;font-style: italic;font-weight: bold;color: #fff; text-shadow: #d9d9d9 1px 0 0, #d9d9d9 0 1px 0, #d9d9d9 -1px 0 0, #d9d9d9 0 -1px 0;}
.xm-c{color: #333333;line-height: 1.33;margin-bottom: .2rem;}
.xm-d{color: #999999;line-height: 1.875;min-height: 1.25rem;padding-bottom: .3rem;}
.xm-more{display: inline-block;cursor: pointer;text-align: center;color: #26bdce;	min-width: 2rem;padding: 0 .15rem;line-height: .6rem;border-radius: .3rem;border: solid 1px #26bdce;}
.xm-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .2rem;width: .2rem;height: .2rem;background-image: url('../images/i15.png'); background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.xm-more:hover{background-color: #26bdce;color: #fff;}
.xm-more:hover:after{background-image: url('../images/i15s.png');}
.xm-right{float: right;width: 8rem;}
.xm-e{width: 100%;}
.xm-item{width: 100%;}
.xm-img{display: block;cursor: pointer; width: 100%;position: relative;height: 6rem;}
.xm-img img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;}

.xm-small{width: 100%;position: relative;padding-right: 1.28rem;}
.xm-f{width: 100%;}
.xm-nav{width: 25%;cursor: pointer;}
.xm-bg{width: 100%;height: 1.28rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xm-prev{ left: -1.28rem;top: 0;margin-top: 0;width: 1.28rem;height: 100%;background-color: #26bdce;background-image: url('../images/x2.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xm-next{ right:0;top: 0;margin-top: 0;width: 1.28rem;height: 100%;background-color: #26bdce;background-image: url('../images/x1.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}

@media (max-width: 900px) {  
  .xm-a{padding-right: 0;}
  .xm-cont{width: 94%;  max-width: 500px;padding-left: 0;margin: 0 auto 0;} 
  .xm-left{width: 100%;padding: .5rem  ;}
  .xm-right{width: 100%;padding-left: 1.28rem;}
  .xm-nav{width: 50%;}
  .xm-img{padding-top: 75%;height: auto;}
}

.xn-a{width: 100%;padding-top: .83rem;padding-bottom: 2.9rem; background-image: url('../images/8.png'); background-size: cover;background-position: bottom center;background-repeat: no-repeat;}
.xn-b{width: 16rem;margin: 0 auto;}
.xn-cont{width: 100%;}
.xn-top{width: 100%;position: relative;padding-top: .95rem;margin-bottom: .7rem;}
.xn-titles{position: relative;z-index: 18; color: #222222;font-weight: bold;margin-bottom: .1rem;line-height: 1.23;padding-left: .9rem;}
.xn-intro{position: relative;z-index: 18;color: #999999;line-height: 1.33;padding-left: .25rem;	font-style: italic;} 
.xn-intro span{color: #26bdce;}
.xn-en{position: absolute;top: 0;left: -.27rem; font-size: 3rem;font-style: italic;font-weight: bold;color: #f7f8f9; text-shadow: #d9d9d9 1px 0 0, #d9d9d9 0 1px 0, #d9d9d9 -1px 0 0, #d9d9d9 0 -1px 0;}

.xn-list{width: 100%;font-size: 0;padding-bottom: .25rem;}
.xn-one{display: inline-block;vertical-align: top;margin-right: 1rem;margin-bottom: .5rem;}
.xn-one:last-child{margin-right: 0;}
.xn-c{display: block;margin-bottom: .15rem;}
.xn-d{display: inline-block;vertical-align: middle; color: #26bdce;font-weight: bold;}
.xn-e{display: inline-block;vertical-align: middle;margin-left: .1rem; color: #26bdce;font-weight: bold;}
.xn-espan{display: inline-block;vertical-align: top;}
.xn-f{color: #666666;line-height: 1.625;}
.xn-textbox{color: #666666;line-height: 2.25;max-width: 7rem;margin-bottom: .9rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.xn-button{width: 100%;font-size: 0;}
.xn-more{position: relative;top: 0;transition: all ease .5s; display: inline-block;cursor: pointer;margin-right: .2rem; text-align: center;color: #ffffff;	min-width: 2rem;padding: 0 .15rem;line-height: .6rem;border-radius: .3rem;background-color: #26bdce; border: solid 1px #26bdce;}
.xn-more:after{content: '';display: inline-block;vertical-align: middle; margin-left: .2rem;width: .2rem;height: .2rem;background-image: url('../images/i15s.png'); background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.xn-more:hover{ background-color: #fff;color: #26bdce;}
.xn-more:hover:after{ background-image: url('../images/i15.png');}
.xn-video{position: relative;top: 0;transition: all ease .5s;display: inline-block;cursor: pointer;text-align: center;color: #26bdce;	min-width: 2rem;padding: 0 .15rem;line-height: .6rem;border-radius: .3rem;  border: solid 1px #26bdce;}
.xn-video:after{content: '';display: inline-block;vertical-align: middle; margin-left: .2rem;width: .2rem;height: .2rem;background-image: url('../images/i2.png'); background-size: .2rem auto;background-position: center center;background-repeat: no-repeat;}
.xn-video:hover{ background-color: #26bdce;color: #fff;}
.xn-video:hover:after{ background-image: url('../images/i2s.png');}

@media (max-width: 900px) {   
  .xn-b{width: 94%;  max-width: 500px; } 
  .xn-one{margin-right: .5rem;}
}

.xo-a{width: 100%;}
.xo-b{width: 16rem;margin: 0 auto;}

.xo-a{width: 100%;padding-top: .78rem;padding-bottom:  .9rem;background-color: #fff;  position: relative;margin-top: -1.4rem;border-radius: 0 1.4rem 0 0;}
.xo-b{width: 16rem;margin: 0 auto;}
.xo-cont{width: 100%;}
.xo-top{width: 100%;position: relative;padding-top: .95rem;margin-bottom: .8rem;}
.xo-titles{position: relative;z-index: 18; color: #222222;font-weight: bold;margin-bottom: .1rem;line-height: 1.23;padding-left: .9rem;}
.xo-intro{position: relative;z-index: 18;color: #999999;line-height: 1.33;padding-left: .25rem;	font-style: italic;} 
.xo-intro span{color: #26bdce;}
.xo-en{position: absolute;top: 0;left: -.27rem; font-size: 3rem;font-style: italic;font-weight: bold;color: #ffffff; text-shadow: #d9d9d9 1px 0 0, #d9d9d9 0 1px 0, #d9d9d9 -1px 0 0, #d9d9d9 0 -1px 0;}
.xo-more{position: absolute;bottom: 0;right: 0;z-index: 19; display: block;cursor: pointer;width: .5rem;height: .32rem;background-image: url('../images/2.png');background-size: auto .32rem;background-position: center center;background-repeat: no-repeat;}

.xo-cont{width: 100%;}
.xo-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.xo-left{float: left;width: 8rem;}
.xo-c{width: 100%;}
.xo-item{width: 100%;}
.xo-d{display: block;cursor: pointer; width: 100%;}
.xo-item .xo-img{ overflow: hidden; width: 100%;margin-bottom: .4rem;}
.xo-item .xo-img img{  width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xo-item .xo-text{  width: 100%; }
.xo-item .xo-time{  width: 100%;color: #999999;margin-bottom: .1rem; }
.xo-item .xo-name{  width: 100%;color: #333333;margin-bottom: .2rem;line-height: 1.41; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xo-item .xo-textbox{color: #999999;line-height: 1.85; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.xo-item:hover .xo-img img{transform: scale(1.05);}
.xo-item:hover .xo-name{color: #26bdce; }

.xo-right{float: right;width: 7rem;}
.xo-one{display: block;cursor: pointer;width: 100%;font-size: 0; padding-bottom: .45rem;margin-bottom: .45rem; border-bottom: 1px solid #eeeeee;}
.xo-one:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.xo-one .xo-img{display: inline-block;vertical-align: middle;width: 2.4rem; overflow: hidden; }
.xo-one .xo-img img{  width: 100%;transform: scale(1.00);transition: all ease .5s;}
.xo-one .xo-text{ display: inline-block;vertical-align: middle;width: calc(100%  - 2.4rem);padding-left: .4rem; }
.xo-one .xo-time{  width: 100%;color: #999999;margin-bottom: .1rem; }
.xo-one .xo-name{  width: 100%;color: #333333;margin-bottom: .2rem;line-height: 1.41; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xo-one .xo-textbox{color: #999999;line-height: 1.85; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.xo-one:hover .xo-img img{transform: scale(1.05);}
.xo-one:hover .xo-name{color: #26bdce; }


@media (max-width: 900px) {   
  .xo-b{width: 94%;  max-width: 500px; } 
  .xo-left{width: 100%;margin-bottom:  .5rem;}
  .xo-right{width: 100%;}
}
 
.contacts .message .form   .layui-input{   line-height: 3.5em; height: 3.5em;color: #333;  font-size: calc(12px + 4 * 100vw / 1920);    background-color: #fff; border: solid 1px #eee;}
.lay_city .layui-form-select{height: auto !important;}
@media (max-width: 900px) {   
  .contacts .message .form   .lay_city .layui-form-select{margin-bottom: 10px; width: 100%; } 
}

@media (max-width: 550px){   
  .contacts .message .form   .layui-input{ font-size: calc(12px + 4 * 550px / 1920); } 
}